import React, { Component } from 'react'
import { connect } from 'react-redux'
import actionCreator from '@/store/actionCreator'
const mapDispatchToProps = {
  // promise中间件
  setBreadList: actionCreator.setBreadList
}
@connect(null, mapDispatchToProps)
class About extends Component {
  componentDidMount() {
    this.props.setBreadList(['关于我们', '简介'])
  }
  
  render() {
    return (
      <div>
        这是一个支持MarkDown语法的博客
        <p>功能:</p>
        <ul>
          <li>一级二级,二级菜单</li>
          <li>全部博客(点赞)</li>
          <li>博客详情页(评论,删除评论,收藏)</li>
          <li>发布博客(可存草稿)</li>
          <li>博客管理(预览,修改,删除)</li>
          <li>个人信息(上传头像)</li>
          <li>个人跳转到修改密码</li>
          <li>高阶组件: 未登录无法进入发布和个人,重定向到login</li>
        </ul>
        <p>技术:</p>
        <ul>
          <li>redux和react-redux实现状态管理(异步插件: thunk && promise)</li>
          <li>immutable优化深拷贝性能</li>
          <li>ant design按需加载</li>
          <li>react-particles登录注册的背景</li>
          <li>styled-components || 使用css-module || classnames</li>
          <li>配置: @指向src</li>
          <li>配置装饰器</li>
          <li>代理</li>
          <li>MarkDown编辑器</li>
        </ul>
      </div>
    )
  }
}
export default About
